<div id="container" class="chart heatmap"><d3fc-group class="cartesian-chart" auto-resize=""><div class="chart-label top-label"></div><div class="x-label bottom-label">bucket("Order Date", 'M')</div><div class="y-label left-label">bucket("Profit", 100)</div><d3fc-svg class="svg-plot-area plot-area"><svg preserveAspectRatio="none"></svg></d3fc-svg><d3fc-canvas class="canvas-plot-area plot-area" use-device-pixel-ratio="true"><canvas width="788" height="607"></canvas></d3fc-canvas><d3fc-svg class="x-axis bottom-axis"><svg preserveAspectRatio="none" fill="none" font-size="10" font-family="sans-serif" text-anchor="middle"><path class="domain" stroke="#000"></path><g class="tick"><path stroke="#000"></path><text fill="#000">2014</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">April</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">July</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">October</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2015</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">April</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">July</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">October</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2016</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">April</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">July</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">October</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2017</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">April</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">July</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">October</text></g></svg></d3fc-svg><d3fc-svg class="y-axis left-axis"><svg preserveAspectRatio="none" fill="none" font-size="10" font-family="sans-serif" text-anchor="end"><path class="domain" stroke="#000"></path><g class="tick"><path stroke="#000"></path><text fill="#000">-6600</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-3900</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-3800</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-3400</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-3000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-2700</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-2300</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-1900</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-1700</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-1500</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-1400</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-1300</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-1200</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-1100</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-1000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-900</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-800</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-700</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-600</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-500</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-400</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-300</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-200</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">-100</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">0</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">100</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">200</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">300</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">400</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">500</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">600</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">700</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">800</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">900</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">1000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">1100</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">1200</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">1300</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">1400</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">1600</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">1900</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2200</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2300</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2400</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2500</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">2700</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">3100</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">3900</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">4600</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">4900</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">5000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">6700</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">8300</text></g></svg></d3fc-svg></d3fc-group><div class="legend-container legend-color"><svg><g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g><g class="bar vertical" fill="#999"><path></path></g></g><g id="legend-axis" fill="none" font-size="10" font-family="sans-serif" text-anchor="start"><path class="domain" stroke="#000"></path><g class="tick"><path stroke="#000"></path><text fill="#000">−10,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">10,000</text></g><g class="tick"><path stroke="#000"></path><text fill="#000">0</text></g></g></svg></div></div>